<script setup lang="ts">
import type {ButtonProps} from "./types";

defineOptions({
  name: 'DZTButton'
})

withDefaults(defineProps<ButtonProps>(), {
  nativeType: 'button'
})
</script>
<template>
  <button
    class="dzt-button"
    :class="{
      [`dzt-button--${type}`]: type,
      [`dzt-button--${size}`]: size,
      'is-plain': plain,
      'is-round': round,
      'is-circle': circle,
      'is-disabled': disabled
    }"
    :disabled="disabled"
    :autofocus="autofocus"
    :type="nativeType"
  ></button>
  <span>
    <slot />
  </span>
</template>

<style scoped></style>
